Review: Add typography to project mockups 複習:給 Mockup 新增字型樣式
例項分析:Zia’s Pizza App
在 Figma 中的三個畫面展示了:
- 低保真線框圖(Lo-fi Wireframe)
- 高保真 mockup
- 字型選擇說明

Typography 的三大設計價值
Typographic Hierarchy 字型層級
- 區分內容結構,引導使用者注意力。
- 示例中使用字型大小和粗細區分“Today’s Top Pizza”和“Pizzas You Might Like”。
Legibility 和 Readability 易讀性和可讀性
- L單個字母之間的清晰度。
- 整段文字的可讀性。
- 設計中選用清晰的 sans serif 字型(Oswald 和 Roboto)保障這兩點。
Brand Guidelines 品牌指南
- 字型必須符合品牌調性和視覺風格。
- 字型使用應當與品牌的“身份、使命、價值觀”保持一致。
